<template>
    <div>
        <h1>FooPage</h1>
        <h2></h2>
        <ul>
            <li v-for="item in posts" :key="item.id">
                <nuxt-link :to="'/article/' + item.id">{{ item.title }}</nuxt-link>
            </li>
        </ul>
        
    </div>
</template>

<script>
import axios from 'axios'

export default {
    name: 'FooPage',
    props: ['posts']
}
</script>

<style>

</style>